<!DOCTYPE html>
<html lang="ES">
    <head>
        <meta charset="UTF-8" />
        <title>{% block title %}Ararat | www.ararat.com.uy{% endblock %}</title>
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <meta name="description" content="ARARAT | Comidas armenias y de Medio Oriente">
        <meta name="author" content="DDG Solutions">
        {% block stylesheets %}
		<link rel="stylesheet" type="text/css" href="{{ asset('bootstrap/css/bootstrap.min.css') }}" />
		<link rel="stylesheet" type="text/css" href="{{ asset('bootstrap/css/bootstrap-responsive.css') }}" />
        {% endblock %}
        <link rel="icon" type="image/x-icon" href="{{ asset('favicon.ico') }}" />
    </head>
    <body>
      <div class="navbar navbar-inverse navbar-fixed-top">
      <div class="navbar-inner">
        <div class="container">
          <button type="button" class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
          </button>
          <a class="brand" href="#">Ararat</a>
          <div class="nav-collapse collapse">
            <ul class="nav">
              <li class="active"><a href="#">Inicio</a></li>
              <li><a href="#about">Qui&eacute;nes somos</a></li>
              <li><a href="#contact">Contacto</a></li>
              <li class="dropdown">
                <a href="#" class="dropdown-toggle" data-toggle="dropdown">Productos <b class="caret"></b></a>
                <ul class="dropdown-menu">
                    <li><a href="#">Men&uacute;s</a></li>
                    <li><a href="#">Platos</a></li>
                    <li><a href="#">Postres</a></li>
                    <li class="divider"></li>
                    <li class="nav-header">Nav header</li>
                    <li><a href="#">Separated link</a></li>
                    <li><a href="#">One more separated link</a></li>
                </ul>
              </li>
            </ul>
            <form class="navbar-form pull-right">
              <input class="span2" type="text" placeholder="Email">
              <input class="span2" type="password" placeholder="Password">
              <button type="submit" class="btn">Sign in</button>
            </form>
          </div><!--/.nav-collapse -->
        </div>
      </div>
    </div>
    <div class="container">
        {% block body %}
            
        {% endblock %}
    <hr>
    <footer>
       <p>&copy; DDG Solutions 2013</p>
    </footer>
    </div>
        {% block javascripts %}
        	<script src="http://code.jquery.com/jquery.js"></script>
                <script src="{{ asset('bootstrap/js/bootstrap.min.js') }}"></script>
                <script src="{{ asset('bootstrap/js/bootstrap-transition.js') }}"></script>
                <script src="{{ asset('bootstrap/js/bootstrap-alert.js') }}"></script>
                <script src="{{ asset('bootstrap/js/bootstrap-modal.js') }}"></script>
                <script src="{{ asset('bootstrap/js/bootstrap-dropdown.js') }}"></script>
                <script src="{{ asset('bootstrap/js/bootstrap-scrollspy.js') }}"></script>
                <script src="{{ asset('bootstrap/js/bootstrap-tab.js') }}"></script>
                <script src="{{ asset('bootstrap/js/bootstrap-tooltip.js') }}"></script>
                <script src="{{ asset('bootstrap/js/bootstrap-popover.js') }}"></script>
                <script src="{{ asset('bootstrap/js/bootstrap-button.js') }}"></script>
                <script src="{{ asset('bootstrap/js/bootstrap-collapse.js') }}"></script>
                <script src="{{ asset('bootstrap/js/bootstrap-carousel.js') }}"></script>
                <script src="{{ asset('bootstrap/js/bootstrap-typeahead.js') }}"></script>
        {% endblock %}
    </body>
</html>
